<div *ngIf="message" class="message-box">
  <div class="message flex" 
  
  [ngClass]="{revese: message.mine}"
  >
    <div class="message-avatar">
      <app-avatar [avatar]="message.avatar"></app-avatar>
    </div>
    <div class="message-item">
      <div class="time"> 
        {{message.time | date:'short'}}
      </div>
      <div class="data">
          {{message.text}}
      </div>
    </div>
    
  </div>
</div>
